<script setup>

</script>

<template>
    <el-container>
        <el-footer>
                <el-row>
                    <el-col :xs="24" :lg="8" style="display: flex; align-items: center;">
                        <div>
                            <img src="/images/u128.png" style="width: 100px;">
                        </div>
                        <div style="margin: 10px;">
                            <h2 style="margin-top: 15px; font-size: 24px; color: #29c2c0;">双碳招标网</h2>
                            <p style="margin-top: 30px; font-size: 20px; color: #29c2c0;">致力于构建商讨显示碳排放的交流社区</p >
                        </div>
                    </el-col>
                    <el-col :xs="24" :lg="8">
                        <div class="footer-link">
                            <el-link type="primary" style="color: #29c2c0;">首页平台</el-link>
                            <el-link type="primary" style="color: #29c2c0;">平台动态</el-link>
                            <el-link type="primary" style="color: #29c2c0;">政策法规</el-link>
                            <el-link type="primary" style="color: #29c2c0;">违规投诉</el-link>
                        </div>
                        <div class="footer-links">
                            <el-link type="primary" style="color: #29c2c0;">关于我们</el-link>
                            <el-link type="primary" style="color: #29c2c0;">隐私条款</el-link>
                            <el-link type="primary" style="color: #29c2c0;">使用手册</el-link>
                            <el-link type="primary" style="color: #29c2c0;">建议反馈</el-link>
                        </div>
                    </el-col>
                    <el-col :xs="24" :lg="8">
                        <div class="footer-info">
                            <h2>联系我们</h2>
                            <p>电话: 123456789</p >
                            <p>邮箱: software@develop.com</p >
                        </div>
                    </el-col>
                </el-row>
                <div style="text-align: center; margin-top: 30px; background-color: #29c2c0; height: 80px; line-height: 80px; color: #fff;">
                    <p>版权归双碳网所有</p >
                </div>
            </el-footer>
    </el-container>
</template>

<style scoped>
        .footer-link {
            display: flex;
            justify-content: center;
            margin-top: 55px;
            gap: 43px;
        }

       .footer-links {
            display: flex;
            margin-top: 20px;
            justify-content: center;
            gap: 43px;
        }

       .footer-info {
            margin-left: 150px;
            margin-top: 10px;
            color: #606266;
        }
</style>